<template>
    <div class="coupon">
        <CouponComponent :price="1" detail1="只可参与首月租金抵扣" classify1="首月租金券" detail2="首月租金1元" invalid="领取后15天有效"
            :state="2" @change="sayHello(1)"></CouponComponent>
        <CouponComponent detail1="只可参与首月租金抵扣" classify1="首月租金券" detail2="首月租金1元" invalid="领取后15天有效" :state="1"
            @change="sayHello(2)"></CouponComponent>
    </div>
</template>
<script>
import CouponComponent from "@/components/CouponComponent.vue"
export default {
    name: "CouponMore",
    components: {
        CouponComponent
    },
    methods: {
        sayHello(arg) {
            console.log(arg);
        }
    }
}
</script>
<style lang="scss" scoped>
.coupon {
    padding: 10px 15px;
    min-height: 100vh;
    position: relative;
    background-color: #f7f7f7;
}
</style>